రియాక్ట్‌కు వేగవంతమైన మరియు తేలికైన ప్రత్యామ్నాయమైన ప్రీయాక్ట్‌ను అన్వేషించండి. ఇది అధిక పనితీరు గల వెబ్ అప్లికేషన్‌లకు అనువైనది. దాని ప్రయోజనాలు, వినియోగ సందర్భాలు, మరియు ఎలా ప్రారంభించాలో తెలుసుకోండి.
ప్రీయాక్ట్: ఆధునిక వెబ్ డెవలప్‌మెంట్ కోసం ఒక తేలికైన రియాక్ట్ ప్రత్యామ్నాయం
నిరంతరం అభివృద్ధి చెందుతున్న వెబ్ డెవలప్‌మెంట్ రంగంలో, అధిక పనితీరు మరియు యూజర్-ఫ్రెండ్లీ అప్లికేషన్‌లను రూపొందించడానికి సరైన ఫ్రంట్-ఎండ్ లైబ్రరీ లేదా ఫ్రేమ్‌వర్క్‌ను ఎంచుకోవడం చాలా ముఖ్యం. రియాక్ట్ ఒక ప్రముఖ శక్తిగా మారినప్పటికీ, దాని పరిమాణం మరియు సంక్లిష్టత కొన్నిసార్లు అడ్డంకిగా మారవచ్చు, ముఖ్యంగా పనితీరుకు ప్రాధాన్యత ఇచ్చే ప్రాజెక్టులలో. ఇక్కడే ప్రీయాక్ట్ ప్రత్యేకంగా నిలుస్తుంది – ఇది రియాక్ట్‌కు వేగవంతమైన, తేలికైన ప్రత్యామ్నాయం, అదే APIని కలిగి ఉంటుంది, మరియు క్రమబద్ధమైన అభివృద్ధి అనుభవాన్ని కోరుకునే డెవలపర్‌లకు ఒక ఆకర్షణీయమైన పరిష్కారాన్ని అందిస్తుంది.
ప్రీయాక్ట్ అంటే ఏమిటి?
ప్రీయాక్ట్ అనేది యూజర్ ఇంటర్‌ఫేస్‌లను రూపొందించడానికి వర్చువల్ DOMను అందించే ఒక జావాస్క్రిప్ట్ లైబ్రరీ. ఇది రియాక్ట్‌కు తక్షణ ప్రత్యామ్నాయంగా ఉండాలని లక్ష్యంగా పెట్టుకుంది, రియాక్ట్ యొక్క ప్రధాన కార్యాచరణను చాలా తక్కువ పరిమాణంతో అందిస్తుంది. రియాక్ట్ సుమారు 40KB (మినిఫైడ్ మరియు జిజిప్డ్) బరువు ఉంటే, ప్రీయాక్ట్ కేవలం 3KB పరిమాణంలో ఉంటుంది, ఇది పరిమాణం మరియు పనితీరు కీలకమైన అప్లికేషన్‌లకు ఆదర్శవంతమైన ఎంపికగా నిలుస్తుంది.
ప్రీయాక్ట్‌ను రియాక్ట్ యొక్క సన్నని, వేగవంతమైన కజిన్‌గా భావించండి. ఇది కాంపోనెంట్-ఆధారిత ఆర్కిటెక్చర్, వర్చువల్ DOM డిఫింగ్, మరియు JSX మద్దతు వంటి అదే ప్రధాన ప్రయోజనాలను అందిస్తుంది – కానీ సరళత మరియు సామర్థ్యంపై దృష్టి పెడుతుంది. ఇది మొబైల్ అప్లికేషన్‌లు, సింగిల్-పేజ్ అప్లికేషన్‌లు (SPAs), మరియు వనరుల పరిమితులు ఉన్న ఎంబెడెడ్ సిస్టమ్‌లకు ప్రత్యేకంగా ఆకర్షణీయంగా ఉంటుంది.
ప్రీయాక్ట్‌ను ఉపయోగించడం వల్ల కలిగే ముఖ్య ప్రయోజనాలు
- చిన్న పరిమాణం: ప్రీయాక్ట్ యొక్క అత్యంత ముఖ్యమైన ప్రయోజనం దాని చిన్న పరిమాణం. చిన్న లైబ్రరీ అంటే వేగవంతమైన డౌన్‌లోడ్ సమయాలు, మెరుగైన ప్రారంభ లోడ్ పనితీరు, మరియు మెరుగైన వినియోగదారు అనుభవం, ముఖ్యంగా నెమ్మదిగా ఉన్న నెట్‌వర్క్‌లు మరియు పరికరాలలో.
- వేగవంతమైన పనితీరు: ప్రీయాక్ట్ యొక్క సమర్థవంతమైన వర్చువల్ DOM డిఫింగ్ అల్గోరిథం మరియు చిన్న కోడ్‌బేస్ వేగవంతమైన రెండరింగ్ మరియు మెరుగైన మొత్తం పనితీరుకు దోహదం చేస్తాయి. ఇది మరింత ప్రతిస్పందనాత్మకమైన మరియు సున్నితమైన యూజర్ ఇంటర్‌ఫేస్‌కు దారితీస్తుంది.
- రియాక్ట్ అనుకూలత: ప్రీయాక్ట్ API చాలా వరకు రియాక్ట్‌తో అనుకూలంగా ఉంటుంది, ఇది ఇప్పటికే ఉన్న రియాక్ట్ ప్రాజెక్ట్‌లను ప్రీయాక్ట్‌కు మార్చడం లేదా రియాక్ట్ కాంపోనెంట్లతో ప్రీయాక్ట్‌ను ఉపయోగించడం సులభం చేస్తుంది. ఈ అనుకూలత రియాక్ట్‌తో పరిచయం ఉన్న డెవలపర్లు ప్రీయాక్ట్‌ను త్వరగా నేర్చుకుని ఉపయోగించవచ్చని కూడా సూచిస్తుంది. అయితే, ఇది 100% కాదని మరియు కొన్ని సర్దుబాట్లు అవసరం కావచ్చని గమనించండి.
- ES మాడ్యూల్స్ మద్దతు: ప్రీయాక్ట్ ES మాడ్యూల్స్‌తో సజావుగా పనిచేయడానికి రూపొందించబడింది, ఇది డెవలపర్‌లకు ఆధునిక జావాస్క్రిప్ట్ ఫీచర్ల ప్రయోజనాన్ని పొందడానికి మరియు కోడ్ ఆర్గనైజేషన్‌ను మెరుగుపరచడానికి అనుమతిస్తుంది.
- సరళీకృత అభివృద్ధి: ప్రీయాక్ట్ యొక్క చిన్న API సర్ఫేస్ ఏరియా మరియు సరళతపై దృష్టి పెట్టడం వల్ల కొత్త డెవలపర్‌లకు నేర్చుకోవడం మరియు ఉపయోగించడం సులభం అవుతుంది, ఇది అభ్యాస వక్రరేఖను తగ్గిస్తుంది మరియు అభివృద్ధి ప్రక్రియను సులభతరం చేస్తుంది.
- అద్భుతమైన ఎకోసిస్టమ్: రియాక్ట్ కంటే చిన్నదైనప్పటికీ, ప్రీయాక్ట్ యొక్క ఎకోసిస్టమ్ పెరుగుతోంది మరియు రూటింగ్, స్టేట్ మేనేజ్‌మెంట్ మరియు UI కాంపోనెంట్లతో సహా ఉపయోగకరమైన ప్లగిన్‌లు మరియు లైబ్రరీల శ్రేణిని అందిస్తుంది.
ప్రీయాక్ట్ యొక్క వినియోగ సందర్భాలు
ప్రీయాక్ట్ ముఖ్యంగా ఈ క్రింది సందర్భాలలో బాగా సరిపోతుంది:
- మొబైల్ అప్లికేషన్‌లు: ప్రీయాక్ట్ యొక్క చిన్న పరిమాణం మరియు వేగవంతమైన పనితీరు మొబైల్ అప్లికేషన్‌లను నిర్మించడానికి అద్భుతమైన ఎంపికగా నిలుస్తుంది, ఇక్కడ వనరుల పరిమితులు మరియు వినియోగదారు అనుభవం కీలకం. ఉదాహరణకు, పరిమిత బ్యాండ్‌విడ్త్ ఉన్న ప్రాంతాలలో వినియోగదారులను లక్ష్యంగా చేసుకున్న ఒక వార్తల అప్లికేషన్‌ను పరిగణించండి. ప్రీయాక్ట్ రియాక్ట్‌తో పోలిస్తే గణనీయంగా వేగవంతమైన ప్రారంభ లోడ్ సమయాన్ని అందించగలదు, ఇది మెరుగైన వినియోగదారు అనుభవానికి దారితీస్తుంది.
- సింగిల్-పేజ్ అప్లికేషన్‌లు (SPAs): ప్రీయాక్ట్ యొక్క సమర్థవంతమైన రెండరింగ్ మరియు చిన్న ఫుట్‌ప్రింట్ SPAs నిర్మించడానికి ఆదర్శంగా సరిపోతుంది, ఇక్కడ సున్నితమైన మరియు ప్రతిస్పందనాత్మక వినియోగదారు ఇంటర్‌ఫేస్‌ను నిర్వహించడానికి పనితీరు కీలకం. ఉదాహరణకు, శీఘ్ర పరస్పర చర్యలు అవసరమైన ఒక సాధారణ CRM అప్లికేషన్ కావచ్చు.
- ఎంబెడెడ్ సిస్టమ్స్: ప్రీయాక్ట్ యొక్క కనిష్ట పరిమాణం మరియు సమర్థవంతమైన పనితీరు వనరులు పరిమితంగా ఉన్న ఎంబెడెడ్ సిస్టమ్స్‌కు అనుకూలంగా ఉంటుంది. ఒక చిన్న స్క్రీన్‌తో ఉన్న స్మార్ట్ హోమ్ పరికరాన్ని ఊహించుకోండి. ప్రీయాక్ట్ అధిక వనరులను వినియోగించకుండానే ప్రతిస్పందనాత్మకమైన మరియు సమర్థవంతమైన UIని అందించగలదు.
- ప్రోగ్రెసివ్ వెబ్ యాప్‌లు (PWAs): PWAs వేగవంతమైన లోడింగ్ సమయాలు మరియు ఆఫ్‌లైన్ సామర్థ్యాల నుండి ప్రయోజనం పొందుతాయి. ప్రీయాక్ట్ యొక్క చిన్న పరిమాణం వేగవంతమైన లోడింగ్ మరియు మెరుగైన పనితీరుకు దోహదం చేస్తుంది, PWA అనుభవాన్ని మెరుగుపరుస్తుంది. ఆఫ్‌లైన్-ఫస్ట్ ట్రావెల్ గైడ్ అప్లికేషన్ గురించి ఆలోచించండి.
- పరిమిత వనరులతో కూడిన వెబ్‌సైట్‌లు: పనితీరు మరియు పేజీ బరువు కీలకమైన వెబ్‌సైట్‌ల కోసం, ప్రీయాక్ట్ రియాక్ట్ కంటే గణనీయమైన ప్రయోజనాన్ని అందిస్తుంది. ముఖ్యంగా నెమ్మదిగా ఇంటర్నెట్ కనెక్షన్‌లు ఉన్న ప్రాంతాలలోని వినియోగదారులను లక్ష్యంగా చేసుకున్న వెబ్‌సైట్‌లకు ఇది వర్తిస్తుంది.
- త్వరిత ప్రోటోటైప్‌లు: ప్రీయాక్ట్‌లో రియాక్ట్ కంటే తక్కువ ఫీచర్లు ఉన్నందున, ఒక ప్రోటోటైప్‌ను ప్రారంభించడం చాలా సులభం.
ప్రీయాక్ట్ వర్సెస్ రియాక్ట్: ముఖ్యమైన తేడాలు
ప్రీయాక్ట్ రియాక్ట్‌కు తక్షణ ప్రత్యామ్నాయంగా ఉండాలని లక్ష్యంగా పెట్టుకున్నప్పటికీ, ఈ రెండు లైబ్రరీల మధ్య కొన్ని ముఖ్యమైన తేడాలు ఉన్నాయి:
- పరిమాణం: ముందు చెప్పినట్లుగా, ప్రీయాక్ట్ రియాక్ట్ కంటే గణనీయంగా చిన్నది (3KB వర్సెస్ 40KB).
- ఫీచర్లు: రియాక్ట్ కాంటెక్స్ట్ API, సస్పెన్స్, మరియు కాంకరెంట్ మోడ్ వంటి అధునాతన ఫీచర్‌లతో సహా విస్తృత శ్రేణి ఫీచర్లను అందిస్తుంది. ప్రీయాక్ట్ రియాక్ట్ యొక్క ప్రధాన కార్యాచరణపై దృష్టి పెడుతుంది మరియు ఈ అధునాతన ఫీచర్లలో కొన్నింటిని వదిలివేస్తుంది.
- సింథటిక్ ఈవెంట్స్: రియాక్ట్ ఒక సింథటిక్ ఈవెంట్ సిస్టమ్‌ను ఉపయోగిస్తుంది, ఇది వివిధ బ్రౌజర్‌లలో ఈవెంట్‌లను సాధారణీకరిస్తుంది. ప్రీయాక్ట్ స్థానిక బ్రౌజర్ ఈవెంట్‌లను ఉపయోగిస్తుంది, ఇది పనితీరును మెరుగుపరుస్తుంది కానీ క్రాస్-బ్రౌజర్ అనుకూలత సమస్యలను మరింత జాగ్రత్తగా నిర్వహించాల్సి రావచ్చు.
- createElement: రియాక్ట్ వర్చువల్ DOM నోడ్‌లను సృష్టించడానికి `React.createElement`ని ఉపయోగిస్తుంది. ప్రీయాక్ట్ నేరుగా ఫంక్షన్ కాల్స్‌కు రూపాంతరం చెందే JSXపై ఆధారపడుతుంది.
- PropType వాలిడేషన్: రియాక్ట్‌లో కాంపోనెంట్‌ల మధ్య పంపబడిన డేటాను ధృవీకరించడానికి `PropTypes` ఉన్నాయి. ప్రీయాక్ట్‌లో అంతర్నిర్మిత యంత్రాంగం ఏదీ లేదు.
ప్రీయాక్ట్‌తో ప్రారంభించడం
ప్రీయాక్ట్‌తో ప్రారంభించడం చాలా సులభం. మీరు వివిధ టూల్స్ మరియు విధానాలను ఉపయోగించవచ్చు, వాటిలో ఇవి ఉన్నాయి:
create-preact-app ఉపయోగించి
ఒక కొత్త ప్రీయాక్ట్ ప్రాజెక్ట్‌ను ప్రారంభించడానికి సులభమైన మార్గం create-preact-appని ఉపయోగించడం. ఇది ఒక కమాండ్-లైన్ టూల్, ఇది ఒక డెవలప్‌మెంట్ సర్వర్ మరియు బిల్డ్ ప్రాసెస్‌తో ఒక ప్రాథమిక ప్రీయాక్ట్ ప్రాజెక్ట్‌ను సెటప్ చేస్తుంది.
npx create-preact-app my-preact-app
ఈ కమాండ్ `my-preact-app` అనే కొత్త డైరెక్టరీని ఒక ప్రాథమిక ప్రీయాక్ట్ ప్రాజెక్ట్ స్ట్రక్చర్‌తో సృష్టిస్తుంది. అప్పుడు మీరు డైరెక్టరీకి నావిగేట్ చేసి డెవలప్‌మెంట్ సర్వర్‌ను ప్రారంభించవచ్చు:
cd my-preact-app
npm start
మాన్యువల్ సెటప్
మీరు మాన్యువల్‌గా కూడా ఒక ప్రీయాక్ట్ ప్రాజెక్ట్‌ను సెటప్ చేయవచ్చు. దీనిలో ఒక ప్రాథమిక HTML ఫైల్‌ను సృష్టించడం, ప్రీయాక్ట్ మరియు అవసరమైన డిపెండెన్సీలను ఇన్‌స్టాల్ చేయడం, మరియు వెబ్‌ప్యాక్ లేదా పార్సెల్ వంటి టూల్స్‌ని ఉపయోగించి ఒక బిల్డ్ ప్రాసెస్‌ను కాన్ఫిగర్ చేయడం ఉంటాయి.
మొదట, `index.html` ఫైల్‌ను సృష్టించండి:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Preact App</title>
</head>
<body>
<div id="app"></div>
<script src="bundle.js"></script>
</body>
</html>
తర్వాత ప్రీయాక్ట్ మరియు htm ఇన్‌స్టాల్ చేయండి:
npm install preact htm
ఈ క్రింది కంటెంట్‌తో `index.js` ఫైల్‌ను సృష్టించండి:
import { h, render } from 'preact';
import htm from 'htm';
const html = htm.bind(h);
function App() {
return html`<div>Hello, Preact!</div>`;
}
render(html`<${App} />`, document.getElementById('app'));
చివరగా, మీ కోడ్‌ను బండిల్ చేయడానికి వెబ్‌ప్యాక్ లేదా పార్సెల్ ఉపయోగించి ఒక బిల్డ్ ప్రాసెస్‌ను కాన్ఫిగర్ చేయండి.
ఉదాహరణ: ప్రీయాక్ట్‌లో ఒక సాధారణ కౌంటర్ కాంపోనెంట్
ఇక్కడ ప్రీయాక్ట్‌లో ఒక సాధారణ కౌంటర్ కాంపోనెంట్ యొక్క ఉదాహరణ ఉంది:
import { h, useState } from 'preact';
function Counter() {
const [count, setCount] = useState(0);
const increment = () => {
setCount(count + 1);
};
return (
<div>
<p>Count: {count}</p>
<button onClick={increment}>Increment</button>
</div>
);
}
export default Counter;
ఈ కాంపోనెంట్ కౌంటర్ యొక్క స్థితిని నిర్వహించడానికి `useState` హుక్‌ను ఉపయోగిస్తుంది. బటన్ క్లిక్ చేసినప్పుడు `increment` ఫంక్షన్ స్థితిని అప్‌డేట్ చేస్తుంది. ఇది రియాక్ట్ కోడ్‌తో ఉన్న సారూప్యతను ప్రదర్శిస్తుంది.
ప్రీయాక్ట్ యొక్క ఎకోసిస్టమ్ మరియు కమ్యూనిటీ
ప్రీయాక్ట్ యొక్క ఎకోసిస్టమ్ రియాక్ట్ కంటే చిన్నదైనప్పటికీ, ఇది ఇప్పటికీ వివిధ రకాల ఉపయోగకరమైన ప్లగిన్‌లు మరియు లైబ్రరీలను అందిస్తుంది. ఇక్కడ కొన్ని ముఖ్యమైన ఉదాహరణలు ఉన్నాయి:
- preact-router: ప్రీయాక్ట్ అప్లికేషన్‌ల కోసం ఒక సాధారణ మరియు తేలికైన రూటర్.
- preact-compat: ప్రీయాక్ట్ అప్లికేషన్‌లలో రియాక్ట్ కాంపోనెంట్‌లను ఉపయోగించడానికి అనుమతించే ఒక అనుకూలత లేయర్.
- preact-render-to-string: ప్రీయాక్ట్ కాంపోనెంట్‌లను స్ట్రింగ్స్‌కు రెండర్ చేయడానికి ఒక లైబ్రరీ, సర్వర్-సైడ్ రెండరింగ్‌కు ఉపయోగపడుతుంది.
- preact-helmet: టైటిల్ మరియు మెటా ట్యాగ్‌లు వంటి డాక్యుమెంట్ హెడ్ మెటాడేటాను నిర్వహించడానికి ఒక లైబ్రరీ.
ప్రీయాక్ట్ కమ్యూనిటీ చురుకుగా మరియు సహాయకరంగా ఉంటుంది. మీరు ప్రీయాక్ట్ గిట్‌హబ్ రిపోజిటరీ, ప్రీయాక్ట్ స్లాక్ ఛానల్, మరియు వివిధ ఆన్‌లైన్ ఫోరమ్‌లు మరియు కమ్యూనిటీలలో సహాయం మరియు వనరులను కనుగొనవచ్చు.
ప్రీయాక్ట్‌ను ఉపయోగించడానికి ఉత్తమ పద్ధతులు
ప్రీయాక్ట్ నుండి గరిష్ట ప్రయోజనం పొందడానికి, ఈ క్రింది ఉత్తమ పద్ధతులను పరిగణించండి:
- పరిమాణం కోసం ఆప్టిమైజ్ చేయండి: డిపెండెన్సీలను తగ్గించడం మరియు మీ కోడ్‌ను పరిమాణం కోసం ఆప్టిమైజ్ చేయడం ద్వారా ప్రీయాక్ట్ యొక్క చిన్న పరిమాణాన్ని సద్వినియోగం చేసుకోండి. ఉపయోగించని కోడ్‌ను తొలగించడానికి వెబ్‌ప్యాక్ యొక్క ట్రీ షేకింగ్ వంటి టూల్స్‌ని ఉపయోగించండి.
- ES మాడ్యూల్స్ ఉపయోగించండి: కోడ్ ఆర్గనైజేషన్‌ను మెరుగుపరచడానికి మరియు ఆధునిక జావాస్క్రిప్ట్ ఫీచర్లను సద్వినియోగం చేసుకోవడానికి ES మాడ్యూల్స్ ఉపయోగించండి.
- పనితీరును ప్రొఫైల్ చేయండి: మీ అప్లికేషన్ యొక్క పనితీరును ప్రొఫైల్ చేయడానికి మరియు ఆప్టిమైజేషన్ కోసం ప్రాంతాలను గుర్తించడానికి బ్రౌజర్ డెవలపర్ టూల్స్‌ని ఉపయోగించండి.
- `preact-compat`ని తక్కువగా పరిగణించండి: `preact-compat` రియాక్ట్ కాంపోనెంట్‌లను ఉపయోగించడానికి అనుమతించినప్పటికీ, పనితీరు లాభాల కోసం వాటిని ప్రీయాక్ట్‌లో స్థానికంగా తిరిగి వ్రాయడానికి ప్రయత్నించండి. ఇది ఖచ్చితంగా అవసరమైనప్పుడు మాత్రమే ఉపయోగించండి.
- లేజీ లోడింగ్: ప్రారంభ లోడ్ సమయాన్ని మెరుగుపరచడానికి మరియు మొత్తం పేజీ బరువును తగ్గించడానికి కాంపోనెంట్లు మరియు వనరుల కోసం లేజీ లోడింగ్‌ను అమలు చేయండి.
- సర్వర్-సైడ్ రెండరింగ్ (SSR): SEO మరియు ప్రారంభ లోడ్ సమయాన్ని మెరుగుపరచడానికి సర్వర్-సైడ్ రెండరింగ్‌ను అన్వేషించండి. `preact-render-to-string` వంటి లైబ్రరీలు దీనికి సహాయపడతాయి.
ముగింపు
ప్రీయాక్ట్ వేగవంతమైన, తేలికైన, మరియు సమర్థవంతమైన ఫ్రంట్-ఎండ్ లైబ్రరీని కోరుకునే డెవలపర్‌ల కోసం రియాక్ట్‌కు ఒక ఆకర్షణీయమైన ప్రత్యామ్నాయాన్ని అందిస్తుంది. దాని చిన్న పరిమాణం, రియాక్ట్ అనుకూలత, మరియు సరళీకృత అభివృద్ధి ప్రక్రియ దీనిని మొబైల్ అప్లికేషన్‌లు, SPAs, ఎంబెడెడ్ సిస్టమ్స్, మరియు పనితీరు కీలకమైన వెబ్‌సైట్‌లకు అద్భుతమైన ఎంపికగా నిలుపుతుంది.
రియాక్ట్ ఒక శక్తివంతమైన మరియు ఫీచర్-రిచ్ లైబ్రరీగా కొనసాగుతున్నప్పటికీ, పనితీరు మరియు సరళతకు ప్రాధాన్యత ఇచ్చే డెవలపర్‌లకు ప్రీయాక్ట్ ఒక విలువైన ఎంపికను అందిస్తుంది. ప్రతి లైబ్రరీ యొక్క బలాలు మరియు బలహీనతలను అర్థం చేసుకోవడం ద్వారా, డెవలపర్లు వారి నిర్దిష్ట ప్రాజెక్ట్ అవసరాలకు ఏ టూల్ ఉత్తమంగా సరిపోతుందో సమాచారంతో కూడిన నిర్ణయాలు తీసుకోవచ్చు.
మీరు ఒక సంక్లిష్ట వెబ్ అప్లికేషన్‌ను నిర్మిస్తున్నా లేదా ఒక సాధారణ మొబైల్ యాప్‌ను నిర్మిస్తున్నా, ప్రీయాక్ట్‌ను రియాక్ట్‌కు శక్తివంతమైన మరియు తేలికైన ప్రత్యామ్నాయంగా పరిగణించడం విలువైనదే.